.login-container {
	@row-gutter: 60px;

	:deep(.wd-form) {
		width: 85%;
		margin: 0 auto;

		.wd-picker {
			margin-bottom: @row-gutter;
			background-color: rgba(255, 255, 255, 1);
			border-radius: 10px;

			.wd-picker__cell {
				padding-top: 30px;
				padding-bottom: 30px;
				border-radius: 10px;

				.wd-picker__label {
					width: 120px;
					min-width: unset !important;
					max-width: unset !important;

					white-space: nowrap;
					padding-left: 22px;
				}
			}

			.wd-picker__label.is-required::after {
				margin-right: 10px;
			}
		}

		.wd-picker__error-message {
			position: absolute;
			bottom: -5px;
			font-size: 26px;
			color: red;
		}

		.is-cell {
			margin-bottom: @row-gutter;
			background-color: rgba(255, 255, 255, 1);
			border-radius: 10px;

			padding-top: 30px;
			padding-bottom: 30px;

			.wd-input__label {
				width: 120px;
				min-width: unset !important;
				max-width: unset !important;

				white-space: nowrap;

				.wd-input__label-inner {
					margin-left: 10px;
				}
			}

			.wd-input__label.is-required::after {
				margin-right: 10px;
			}

			.wd-input__error-message {
				position: absolute;
				bottom: -10px;
				font-size: 26px;
			}
		}
	}

	:deep(.forget-btn) {
		margin-bottom: @row-gutter;
		width: 100%;

		&::before {
			display: none;
		}
	}

	:deep(.img-code) {
		margin-bottom: @row-gutter;
	}
}

.footer {
	margin-top: 30px;
}

.x-full {
	width: 100%;
}
